<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登陆界面</title>
    <link rel="stylesheet" href="../static/css/login_style.css">
</head>

<body>
<div class="box">
    <h2>欢迎您！</h2>
    <form action="/login/" method="post" class="form">
        {% csrf_token %}
        <div class="input-box">
            <label>账号</label>
            <input type="text" id="text1" name="userName" required="required"/>
        </div>
        <div class="input-box">
            <label>密码</label>
            <input type="password" name="userPassword" required="required"/>
        </div>
        <div class="btn-box">
            <a href="/registergoto/">注册</a>
            <div>
                <button type="submit">登录</button>
                <button type="reset">重置</button>
            </div>
        </div>
    </form>
    {% if messages %}
    {% for message in messages %}
    <script>alert('{{message}}')</script>
    {% endfor %}
    {% endif %}
</div>

<script type="text/javascript">

</script>
</body>
</html>



